
interface IPorps {
    width?: number,
    height?: number,
    color?: string,
    className?: string,
    style?: React.CSSProperties,
}

const Gateway = ({ width = 20, height = 20, color = "#333333", className, style }: IPorps) => {
    return (
        <svg className={className} viewBox="0 0 1024 1024" style={style} width={width} height={height}>
            <path d="M865.1904 124.288c50.9696 7.5776 58.9824 51.5328 58.9824 51.5328l79.0272 519.9488-3.4304 169.5104c-18.3296 50.9696-63.5648 50.9696-63.5648 50.9696l-853.2224-1.728c-40.6528-6.2976-55.5392-53.3888-55.5392-53.3888l-3.4432-175.6672L103.5904 178.688c9.7408-48.6656 60.6976-54.4 60.6976-54.4h700.9024z m-695.168 47.5264s-17.7536 0-21.184 22.336L77.2608 652.8256l870.592 1.7152-70.6304-466.7008s-2.2912-20.6208-41.8048-16.0384H170.0224zM72.5248 702.08l3.8656 152.896s8.1664 14.6048 20.6208 13.312l837.0432 0.2176s16.32-5.3632 18.0352-14.6048l3.008-151.8208H72.5248z" fill="#333333" p-id="5104"></path><path d="M545.3952 822.7584h-16.7936c-12.16 0-22.1056-9.9456-22.1056-22.1056v-3.2512c0-12.16 9.9456-22.1056 22.1056-22.1056h16.7936c12.16 0 22.1056 9.9456 22.1056 22.1056v3.2512c0 12.16-9.9456 22.1056-22.1056 22.1056zM666.5088 822.7584h-16.7936c-12.16 0-22.1056-9.9456-22.1056-22.1056v-3.2512c0-12.16 9.9456-22.1056 22.1056-22.1056h16.7936c12.16 0 22.1056 9.9456 22.1056 22.1056v3.2512c0 12.16-9.9456 22.1056-22.1056 22.1056zM888.1664 822.7584h-116.6464c-12.16 0-22.1056-9.9456-22.1056-22.1056v-3.2512c0-12.16 9.9456-22.1056 22.1056-22.1056h116.6464c12.16 0 22.1056 9.9456 22.1056 22.1056v3.2512a22.1824 22.1824 0 0 1-22.1056 22.1056z" fill={color} p-id="5105">
            </path>
        </svg>
    )
}

export {
    Gateway
}